<template>
  <v-card title="双Y轴柱状图">
    <vcu-chart-bar :data="chartData" :settings="settings" />
  </v-card>
</template>

<script>
export default {
  name: 'double-y-axis',
  data() {
    return {
      chartData: {
        dimensions: {
          name: 'Month',
          data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        },
        measures: [
          {
            name: 'Vue',
            data: [3000, 3500, 3900, 3100, 3200, 3100, 3600, 3300, 3600, 3400, 3100, 3000],
          },
          {
            name: 'React',
            data: [2000, 2000, 2600, 2300, 2300, 2000, 2600, 2200, 2500, 2800, 2500, 2200],
          },
        ],
      },
      settings: {
        secondMeaAxis: 'Vue',
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
